<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">
    <ui:define name="content">
        <style type="text/css">
            .ui-panel {
                margin-top:20px
            }

            .inlineCalendarDemo > .hasDatepicker {
                padding-left: 50px;
            }
        </style>

        <div class="ContainerIndent ui-fluid">
            <p:panel>
                <div class="Container">
                    <div class="Container50 Responsive50">
                        <div class="ContainerIndent">
                            <span class="FontBold Fs18 hardblue">InputText</span>
                        </div>
                        <div class="Container100">
                            <p:panelGrid columns="3" layout="grid" styleClass="ui-panelgrid-blank">
                                <p:inputText placeholder="Name"/>
                                <p:inputText placeholder="Email"/>
                                <p:inputText placeholder="Phone"/>

                                <p:inputText placeholder="Disabled Input" disabled="true"/>
                                <p:inputText placeholder="Address"/>
                                <p:inputText placeholder="Id"/>
                            </p:panelGrid>
                        </div>
                    </div>

                    <div class="Container50 Responsive50">
                        <div class="ContainerIndent">
                            <span class="FontBold Fs18 hardblue">Textarea</span>
                        </div>
                        <div class="Container100">
                            <div class="ContainerIndent">
                                <p:inputTextarea cols="20" rows="5" placeholder="Textarea" autoResize="true"/>
                            </div>
                        </div>
                    </div>
                </div>
            </p:panel>

            <p:panel>
                <div class="Container">
                    <div class="Container50 Responsive50">
                        <div class="ContainerIndent">
                            <span class="FontBold Fs18 hardblue">AutoComplete Sample</span>
                        </div>
                        <div class="Container100">
                            <div class="ContainerIndent">
                                <p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank">
                                    <p:outputLabel value="Simple:" for="acSimple" />
                                    <p:autoComplete id="acSimple" value="#{autoCompleteView.txt1}" completeMethod="#{autoCompleteView.completeText}" />

                                    <p:outputLabel value="DropDown:" for="dd" />
                                    <p:autoComplete id="dd" dropdown="true" value="#{autoCompleteView.txt6}" completeMethod="#{autoCompleteView.completeText}" />

                                    <p:outputLabel value="Group:" for="group" />
                                    <p:autoComplete id="group"
                                                    value="#{autoCompleteView.theme4}"
                                                    completeMethod="#{autoCompleteView.completeThemeContains}"
                                                    var="theme"
                                                    itemLabel="#{theme.displayName}"
                                                    itemValue="#{theme}"
                                                    converter="themeConverter"
                                                    groupBy="#{autoCompleteView.getThemeGroup(theme)}"
                                                    scrollHeight="250"/>
                                </p:panelGrid>
                            </div>
                        </div>
                    </div>

                    <div class="Container50 Responsive50">
                        <div class="ContainerIndent">
                            <span class="FontBold Fs18 hardblue">Checkboxes</span>
                        </div>
                         <div class="Container100">
                            <div class="ContainerIndent">
                                <p:selectManyCheckbox value="#{checkboxView.selectedConsoles}" layout="responsive" columns="3">
                                    <f:selectItem itemLabel="Xbox One" itemValue="Xbox One" />
                                    <f:selectItem itemLabel="PS4" itemValue="PS+" />
                                    <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
                                </p:selectManyCheckbox>
                            </div>
                         </div>
                    </div>
                </div>
            </p:panel>

            <div id="j_idt55" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt55">
                <div id="j_idt55_content" class="ui-panel-content ui-widget-content">
                    <div class="ContainerIndent"><span class="FontBold Fs18 hardblue">RadioButtons</span></div>
                    <div class="ContainerIndent"><table cellpadding="5" style="margin-bottom:10px">
                            <tbody>
                                <tr>
                                    <td><label id="j_idt60" class="ui-outputlabel ui-widget">Console:</label></td>
                                    <td><table id="j_idt61" class="ui-selectoneradio ui-widget"><tr><td><div class="ui-radiobutton ui-widget">
                                                        <div class="ui-helper-hidden-accessible"><input id="j_idt61:0" name="j_idt61" type="radio" value="Xbox One" /></div>
                                                        <div class="ui-radiobutton-box ui-widget ui-corner-all ui-state-default"><span class="ui-radiobutton-icon ui-icon ui-icon-blank"></span></div></div></td>
                                                <td><label for="j_idt61:0">Xbox One</label></td>
                                                <td><div class="ui-radiobutton ui-widget"><div class="ui-helper-hidden-accessible"><input id="j_idt61:1" name="j_idt61" type="radio" value="PS+" /></div>
                                                        <div class="ui-radiobutton-box ui-widget ui-corner-all ui-state-default"><span class="ui-radiobutton-icon ui-icon ui-icon-blank"></span></div></div></td>
                                                <td><label for="j_idt61:1">PS4</label></td><td><div class="ui-radiobutton ui-widget"><div class="ui-helper-hidden-accessible"><input id="j_idt61:2" name="j_idt61" type="radio" value="Wii U" /></div>
                                                        <div class="ui-radiobutton-box ui-widget ui-corner-all ui-state-default"><span class="ui-radiobutton-icon ui-icon ui-icon-blank"></span></div></div></td>
                                                <td><label for="j_idt61:2">Wii U</label></td></tr>
                                        </table>
                                        <script id="j_idt61_s" type="text/javascript">$(function(){PrimeFaces.cw("SelectOneRadio", "widget_j_idt61", {id:"j_idt61", widgetVar:"widget_j_idt61"}); });</script>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                    </div></div></div>
            <script id="j_idt55_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt55", {id:"j_idt55", widgetVar:"widget_j_idt55"});</script>
            <div id="j_idt66" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt66">
                <div id="j_idt66_content" class="ui-panel-content ui-widget-content">
                    <div class="ContainerIndent">
                        <span class="FontBold Fs18 hardblue">SelectOneMenu</span></div>

                    <div class="ContainerIndent">
                        <table cellpadding="5" style="margin-bottom:10px">
                            <tbody>
                                <tr>
                                    <td><label id="j_idt71" class="ui-outputlabel ui-widget" for="console_focus">Basic:</label></td>
                                    <td><div id="console" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all" style="min-width:200px; width:315px;"><div class="ui-helper-hidden-accessible"><input id="console_focus" name="console_focus" type="text" autocomplete="off" /></div><div class="ui-helper-hidden-accessible"><select id="console_input" name="console_input" tabindex="-1"><option value="">Select One</option><option value="Xbox One">Xbox One</option><option value="PS4">PS4</option><option value="Wii U">Wii U</option></select></div><label id="console_label" class="ui-selectonemenu-label ui-inputfield ui-corner-all">&amp;nbsp;</label><div class="ui-selectonemenu-trigger ui-state-default ui-corner-right"><span class="ui-icon ui-icon-triangle-1-s ui-c"></span></div><div id="console_panel" class="ui-selectonemenu-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow"><div class="ui-selectonemenu-items-wrapper" style="height:auto"><ul class="ui-selectonemenu-items ui-selectonemenu-list ui-widget-content ui-widget ui-corner-all ui-helper-reset"><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Select One">Select One</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Xbox One">Xbox One</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="PS4">PS4</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Wii U">Wii U</li></ul></div></div></div>
                                        <script id="console_s" type="text/javascript">$(function(){PrimeFaces.cw("SelectOneMenu", "widget_console", {id:"console", widgetVar:"widget_console"}); });</script>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label id="j_idt76" class="ui-outputlabel ui-widget" for="car_focus">Grouping: </label></td>
                                    <td><div id="car" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all" style="min-width:200px; width:315px;"><div class="ui-helper-hidden-accessible"><input id="car_focus" name="car_focus" type="text" autocomplete="off" /></div><div class="ui-helper-hidden-accessible"><select id="car_input" name="car_input" tabindex="-1"><option value="">Select One</option><option value="BMW">BMW</option><option value="Mercedes">Mercedes</option><option value="Volkswagen">Volkswagen</option><option value="Chrysler">Chrysler</option><option value="GM">GM</option><option value="Ford">Ford</option></select></div><label id="car_label" class="ui-selectonemenu-label ui-inputfield ui-corner-all">&amp;nbsp;</label><div class="ui-selectonemenu-trigger ui-state-default ui-corner-right"><span class="ui-icon ui-icon-triangle-1-s ui-c"></span></div><div id="car_panel" class="ui-selectonemenu-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow"><div class="ui-selectonemenu-items-wrapper" style="height:auto"><ul class="ui-selectonemenu-items ui-selectonemenu-list ui-widget-content ui-widget ui-corner-all ui-helper-reset"><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Select One">Select One</li><li class="ui-selectonemenu-item-group ui-corner-all" data-label="German Cars">German Cars</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="BMW">BMW</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Mercedes">Mercedes</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Volkswagen">Volkswagen</li><li class="ui-selectonemenu-item-group ui-corner-all" data-label="American Cars">American Cars</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Chrysler">Chrysler</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="GM">GM</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Ford">Ford</li></ul></div></div></div>
                                        <script id="car_s" type="text/javascript">$(function(){PrimeFaces.cw("SelectOneMenu", "widget_car", {id:"car", widgetVar:"widget_car"}); });</script>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label id="j_idt79" class="ui-outputlabel ui-widget" for="city_focus">Editable: </label></td>
                                    <td><div id="city" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all" style="min-width:200px; width:315px;"><div class="ui-helper-hidden-accessible"><input id="city_focus" name="city_focus" type="text" autocomplete="off" /></div><div class="ui-helper-hidden-accessible"><select id="city_input" name="city_input" tabindex="-1"><option value="">Select One</option><option value="Xbox One">Xbox One</option><option value="PS4">PS4</option><option value="Wii U">Wii U</option></select></div><input type="text" name="city_editableInput" class="ui-selectonemenu-label ui-inputfield ui-corner-all" /><div class="ui-selectonemenu-trigger ui-state-default ui-corner-right"><span class="ui-icon ui-icon-triangle-1-s ui-c"></span></div><div id="city_panel" class="ui-selectonemenu-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow"><div class="ui-selectonemenu-items-wrapper" style="height:auto"><ul class="ui-selectonemenu-items ui-selectonemenu-list ui-widget-content ui-widget ui-corner-all ui-helper-reset"><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Select One">Select One</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Xbox One">Xbox One</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="PS4">PS4</li><li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Wii U">Wii U</li></ul></div></div></div>
                                        <script id="city_s" type="text/javascript">$(function(){PrimeFaces.cw("SelectOneMenu", "widget_city", {id:"city", widgetVar:"widget_city", effect:"fold", editable:true}); });</script>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                    </div></div></div>
            <script id="j_idt66_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt66", {id:"j_idt66", widgetVar:"widget_j_idt66"});</script>
            <div id="j_idt85" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt85"><div id="j_idt85_content" class="ui-panel-content ui-widget-content">
                    <div class="ContainerIndent"><span class="FontBold Fs18 hardblue">Keyboard And Password Sample</span></div>
                    <div class="Container100"><div class="ContainerIndent"><input id="j_idt89" name="j_idt89" type="text" placeholder="Keyboard" class="ui-inputfield ui-keyboard-input ui-widget ui-state-default ui-corner-all Wid90" />
                            <script id="j_idt89_s" type="text/javascript">PrimeFaces.cw("Keyboard", "widget_j_idt89", {id:"j_idt89", widgetVar:"widget_j_idt89", showOn:"focus", showAnim:"fadeIn", keypadOnly:false, layoutName:"qwerty", keypadClass:"Wid90"});</script>
                        </div></div>
                    <div class="Container100"><div class="ContainerIndent"><input id="j_idt91" name="j_idt91" type="password" class="ui-inputfield ui-password ui-widget ui-state-default ui-corner-all Wid90" placeholder="Password" />
                            <script id="j_idt91_s" type="text/javascript">$(function(){PrimeFaces.cw("Password", "widget_j_idt91", {id:"j_idt91", widgetVar:"widget_j_idt91", feedback:true, inline:false, promptLabel:"Please enter a password", weakLabel:"Weak", goodLabel:"Good", strongLabel:"Strong"}); });</script>
                        </div></div></div></div>
            <script id="j_idt85_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt85", {id:"j_idt85", widgetVar:"widget_j_idt85"});</script>
            <div id="j_idt93" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt93"><div id="j_idt93_content" class="ui-panel-content ui-widget-content">
                    <div class="ContainerIndent"><span class="FontBold Fs18 hardblue">MultiSelectListBox Sample</span></div>
                    <div class="Container100">
                        <div class="ContainerIndent"><div id="j_idt97" class="ui-multiselectlistbox ui-widget ui-helper-clearfix"><input type="hidden" id="j_idt97_input" name="j_idt97_input" autocomplete="off" /><div class="ui-multiselectlistbox-listcontainer"><div class="ui-multiselectlistbox-header ui-widget-header ui-corner-top">Categories</div><ul class="ui-multiselectlistbox-list ui-inputfield ui-widget-content ui-corner-bottom"><li class="ui-multiselectlistbox-item" data-value=""><span>Group 1</span><ul class="ui-helper-hidden"><li class="ui-multiselectlistbox-item" data-value=""><span>Group 1.1</span><ul class="ui-helper-hidden"><li class="ui-multiselectlistbox-item" data-value="Option 1.1.1"><span>Option 1.1.1</span></li><li class="ui-multiselectlistbox-item" data-value="Option 1.1.2"><span>Option 1.1.2</span></li></ul></li><li class="ui-multiselectlistbox-item" data-value=""><span>Group 1.2</span><ul class="ui-helper-hidden"><li class="ui-multiselectlistbox-item" data-value="Option 1.2.1"><span>Option 1.2.1</span></li><li class="ui-multiselectlistbox-item" data-value="Option 1.2.2"><span>Option 1.2.2</span></li><li class="ui-multiselectlistbox-item" data-value="Option 1.2.3"><span>Option 1.2.3</span></li></ul></li></ul></li><li class="ui-multiselectlistbox-item" data-value=""><span>Group 2</span><ul class="ui-helper-hidden"><li class="ui-multiselectlistbox-item" data-value=""><span>Group 2.1</span><ul class="ui-helper-hidden"><li class="ui-multiselectlistbox-item" data-value="Option 2.1.1"><span>Option 2.1.1</span></li></ul></li></ul></li><li class="ui-multiselectlistbox-item" data-value=""><span>Group 3</span><ul class="ui-helper-hidden"><li class="ui-multiselectlistbox-item" data-value="Option 3.1"><span>Option 3.1</span></li><li class="ui-multiselectlistbox-item" data-value="Option 3.2"><span>Option 3.2</span></li><li class="ui-multiselectlistbox-item" data-value="Option 3.3"><span>Option 3.3</span></li><li class="ui-multiselectlistbox-item" data-value="Option 3.4"><span>Option 3.4</span></li></ul></li><li class="ui-multiselectlistbox-item" data-value=""><span>Group 4</span><ul class="ui-helper-hidden"><li class="ui-multiselectlistbox-item" data-value="Option 4.1"><span>Option 4.1</span></li></ul></li></ul></div></div>
                            <script id="j_idt97_s" type="text/javascript">PrimeFaces.cw("MultiSelectListbox", "widget_j_idt97", {id:"j_idt97", widgetVar:"widget_j_idt97", effect:"slide", showHeaders:true});</script>
                        </div>
                    </div></div></div>
            <script id="j_idt93_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt93", {id:"j_idt93", widgetVar:"widget_j_idt93"});</script>
            <div id="j_idt100" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt100"><div id="j_idt100_content" class="ui-panel-content ui-widget-content">
                    <div class="ContainerIndent"><span class="FontBold Fs18 hardblue">SelectCheckBoxMenu</span></div>
                    <div class="ContainerIndent"><div id="j_idt104" class="ui-selectcheckboxmenu ui-widget ui-state-default ui-corner-all" style="width:300px;"><div class="ui-helper-hidden-accessible"><input id="j_idt104_focus" name="j_idt104_focus" type="text" readonly="readonly" /></div><div class="ui-helper-hidden"><input id="j_idt104:0" name="j_idt104" type="checkbox" value="1" /><label for="j_idt104:0">Option 1</label><input id="j_idt104:1" name="j_idt104" type="checkbox" value="2" /><label for="j_idt104:1">Option 2</label><input id="j_idt104:2" name="j_idt104" type="checkbox" value="3" /><label for="j_idt104:2">Option 3</label></div><span class="ui-selectcheckboxmenu-label-container"><label class="ui-selectcheckboxmenu-label ui-corner-all">Cities</label></span><div class="ui-selectcheckboxmenu-trigger ui-state-default ui-corner-right"><span class="ui-icon ui-icon-triangle-1-s"></span></div></div>
                        <script id="j_idt104_s" type="text/javascript">$(function(){PrimeFaces.cw("SelectCheckboxMenu", "widget_j_idt104", {id:"j_idt104", widgetVar:"widget_j_idt104", filter:true, filterMatchMode:"startsWith"}); });</script>
                    </div></div></div>
            <script id="j_idt100_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt100", {id:"j_idt100", widgetVar:"widget_j_idt100"});</script>
            <div id="j_idt109" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt109"><div id="j_idt109_content" class="ui-panel-content ui-widget-content">
                    <div class="Container100 Responsive">
                        <div class="ContainerIndent"><div id="j_idt111" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt111"><div id="j_idt111_content" class="ui-panel-content ui-widget-content">
                                    <div class="Container100"><div class="ContainerIndent"><span class="FontBold Fs18 hardblue">Input Switch Sample</span></div></div>
                                    <div class="Container100"><div class="ContainerIndent"><div id="j_idt115" class="ui-inputswitch ui-widget ui-widget-content ui-corner-all"><div class="ui-inputswitch-off"><span>off</span></div><div class="ui-inputswitch-on ui-state-active"><span>on</span></div><div class="ui-inputswitch-handle ui-state-default "></div><div class="ui-helper-hidden-accessible"><input id="j_idt115_input" name="j_idt115_input" type="checkbox" /></div></div>
                                            <script id="j_idt115_s" type="text/javascript">PrimeFaces.cw("InputSwitch", "widget_j_idt115", {id:"j_idt115", widgetVar:"widget_j_idt115"}, "inputswitch");</script>
                                        </div></div></div></div>
                            <script id="j_idt111_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt111", {id:"j_idt111", widgetVar:"widget_j_idt111"});</script>
                        </div>
                    </div></div></div>
            <script id="j_idt109_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt109", {id:"j_idt109", widgetVar:"widget_j_idt109"});</script>
            <div id="j_idt118" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt118"><div id="j_idt118_content" class="ui-panel-content ui-widget-content">
                    <div class="ContainerIndent">
                        <div class="ContainerIndent"><span class="FontBold Fs18 hardblue">SelectOneListBox</span></div>
                        <div class="ContainerIndent"><div id="j_idt122" class="ui-selectonelistbox ui-inputfield ui-widget ui-widget-content ui-corner-all"><div class="ui-helper-hidden-accessible"><select id="j_idt122_input" name="j_idt122_input" size="2"><option value="1">Sentinel Option 1</option><option value="2">Sentinel Option 2</option><option value="3">Sentinel Option 3</option></select></div><div class="ui-selectlistbox-listcontainer" style="height:auto"><ul class="ui-selectlistbox-list"><li class="ui-selectlistbox-item ui-corner-all">Sentinel Option 1</li><li class="ui-selectlistbox-item ui-corner-all">Sentinel Option 2</li><li class="ui-selectlistbox-item ui-corner-all">Sentinel Option 3</li></ul></div></div>
                            <script id="j_idt122_s" type="text/javascript">PrimeFaces.cw("SelectOneListbox", "widget_j_idt122", {id:"j_idt122", widgetVar:"widget_j_idt122"});</script>
                        </div>
                    </div></div></div>
            <script id="j_idt118_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt118", {id:"j_idt118", widgetVar:"widget_j_idt118"});</script>
            <div id="j_idt127" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt127"><div id="j_idt127_content" class="ui-panel-content ui-widget-content">
                    <div class="ContainerIndent">
                        <div class="ContainerIndent"><span class="FontBold Fs18 hardblue">SelectManyMenu</span></div>
                        <div class="ContainerIndent"><div id="j_idt131" class="ui-selectmanymenu ui-inputfield ui-widget ui-widget-content ui-corner-all"><div class="ui-helper-hidden-accessible"><select id="j_idt131_input" name="j_idt131_input" multiple="multiple" size="2"><option value="1">Sentinel Option 1</option><option value="2">Sentinel Option 2</option><option value="3">Sentinel Option 3</option></select></div><div class="ui-selectlistbox-listcontainer" style="height:auto"><ul class="ui-selectlistbox-list"><li class="ui-selectlistbox-item ui-corner-all"><div class="ui-chkbox ui-widget"><div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default"><span class="ui-chkbox-icon ui-icon ui-icon-blank ui-c"></span></div></div>Sentinel Option 1</li><li class="ui-selectlistbox-item ui-corner-all"><div class="ui-chkbox ui-widget"><div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default"><span class="ui-chkbox-icon ui-icon ui-icon-blank ui-c"></span></div></div>Sentinel Option 2</li><li class="ui-selectlistbox-item ui-corner-all"><div class="ui-chkbox ui-widget"><div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default"><span class="ui-chkbox-icon ui-icon ui-icon-blank ui-c"></span></div></div>Sentinel Option 3</li></ul></div></div>
                            <script id="j_idt131_s" type="text/javascript">PrimeFaces.cw("SelectManyMenu", "widget_j_idt131", {id:"j_idt131", widgetVar:"widget_j_idt131", showCheckbox:true});</script>
                        </div>
                    </div></div></div>
            <script id="j_idt127_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt127", {id:"j_idt127", widgetVar:"widget_j_idt127"});</script>
            <div id="j_idt136" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt136"><div id="j_idt136_content" class="ui-panel-content ui-widget-content">
                    <div class="Container100"><div class="ContainerIndent"><span class="FontBold Fs18 hardblue">Spinner</span></div></div>
                    <div class="Container100">
                        <div class="ContainerIndent"><span id="j_idt140" class="ui-spinner ui-widget ui-corner-all"><input id="j_idt140_input" name="j_idt140_input" type="text" class="ui-spinner-input ui-inputfield ui-state-default ui-corner-all" autocomplete="off" /><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n ui-c"></span></span></a><a class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s ui-c"></span></span></a></span>
                            <script id="j_idt140_s" type="text/javascript">PrimeFaces.cw("Spinner", "widget_j_idt140", {id:"j_idt140", widgetVar:"widget_j_idt140"});</script>
                        </div>
                    </div></div></div>
            <script id="j_idt136_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt136", {id:"j_idt136", widgetVar:"widget_j_idt136"});</script>
            <div id="j_idt142" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt142"><div id="j_idt142_content" class="ui-panel-content ui-widget-content">
                    <div class="Container100"><div class="ContainerIndent"><span class="FontBold Fs18 hardblue">Sliders</span></div></div>
                    <div class="Container100">
                        <div class="ContainerIndent"><table style="margin-bottom: 10px">
                                <tbody>
                                    <tr>
                                        <td><input id="slider" name="slider" type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" />
                                            <script id="slider_s" type="text/javascript">PrimeFaces.cw("InputText", "widget_slider", {id:"slider", widgetVar:"widget_slider"});</script>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><div id="j_idt147"></div>
                                            <script id="j_idt147_s" type="text/javascript">$(function(){PrimeFaces.cw("Slider", "widget_j_idt147", {id:"j_idt147", widgetVar:"widget_j_idt147", input:"slider", min:0, max:100, animate:true, step:1, orientation:"horizontal", range:false}); });</script>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                    <div class="Container100">
                        <div class="ContainerIndent"><table style="margin-bottom: 10px">
                                <tbody>
                                    <tr>
                                        <td><input id="txt4" name="txt4" type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" />
                                            <script id="txt4_s" type="text/javascript">PrimeFaces.cw("InputText", "widget_txt4", {id:"txt4", widgetVar:"widget_txt4"});</script>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><div id="j_idt150"></div>
                                            <script id="j_idt150_s" type="text/javascript">$(function(){PrimeFaces.cw("Slider", "widget_j_idt150", {id:"j_idt150", widgetVar:"widget_j_idt150", input:"txt4", min:0, max:100, animate:true, step:1, orientation:"vertical", range:false}); });</script>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                    <div class="Container100">
                        <div class="ContainerIndent"><table style="margin-bottom: 10px">
                                <tbody>
                                    <tr>
                                        <td><span id="displayRange">Values</span></td>
                                    </tr>
                                    <tr>
                                        <td><div id="j_idt153" style="width: 200px"></div>
                                            <script id="j_idt153_s" type="text/javascript">$(function(){PrimeFaces.cw("Slider", "widget_j_idt153", {id:"j_idt153", widgetVar:"widget_j_idt153", input:"txt6,txt7", values:[20, 80], min:0, max:100, animate:true, step:1, orientation:"horizontal", range:true, displayTemplate:"Between {min} and {max}", display:"displayRange"}); });</script>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <input id="txt6" type="hidden" name="txt6" value="20" /><input id="txt7" type="hidden" name="txt7" value="80" />
                        </div>
                    </div></div></div>
            <script id="j_idt142_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt142", {id:"j_idt142", widgetVar:"widget_j_idt142"});</script>
            <div id="j_idt155" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt155"><div id="j_idt155_content" class="ui-panel-content ui-widget-content">
                    <div class="Container100">
                        <div class="ContainerIndent">

                            <div class="Container100"><div class="ContainerIndent"><span class="FontBold Fs18 hardblue">Rating</span></div></div>
                            <div class="Container100">
                                <div class="ContainerIndent"><table cellpadding="5">
                                        <tbody>
                                            <tr>
                                                <td>Basic:</td>
                                                <td><div id="j_idt161" class="ui-rating"><div class="ui-rating-cancel"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><input type="hidden" id="j_idt161_input" name="j_idt161_input" autocomplete="off" /></div>
                                                    <script id="j_idt161_s" type="text/javascript">$(function(){PrimeFaces.cw("Rating", "widget_j_idt161", {id:"j_idt161", widgetVar:"widget_j_idt161"}); });</script>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Callback:</td>
                                                <td><div id="j_idt163" class="ui-rating"><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><input type="hidden" id="j_idt163_input" name="j_idt163_input" autocomplete="off" /></div>
                                                    <script id="j_idt163_s" type="text/javascript">$(function(){PrimeFaces.cw("Rating", "widget_j_idt163", {id:"j_idt163", widgetVar:"widget_j_idt163", onRate:function(value){alert('You rated ' + value)}}); });</script>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Disabled</td>
                                                <td><div id="j_idt165" class="ui-rating ui-state-disabled"><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><div class="ui-rating-star"><a></a></div><input type="hidden" id="j_idt165_input" name="j_idt165_input" autocomplete="off" /></div>
                                                    <script id="j_idt165_s" type="text/javascript">$(function(){PrimeFaces.cw("Rating", "widget_j_idt165", {id:"j_idt165", widgetVar:"widget_j_idt165", disabled:true}); });</script>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>

                                </div>
                            </div>

                        </div>
                    </div></div></div>
            <script id="j_idt155_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt155", {id:"j_idt155", widgetVar:"widget_j_idt155"});</script>
            <div id="j_idt167" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt167"><div id="j_idt167_content" class="ui-panel-content ui-widget-content">
                    <div class="Container100">
                        <div class="ContainerIndent">
                            <div class="Container100"><div class="ContainerIndent"><span class="FontBold Fs18 hardblue">Calendar</span></div></div>
                            <div class="Container100">
                                <div class="ContainerIndent"><table cellpadding="5">
                                        <tbody>
                                            <tr>
                                                <td><label id="j_idt172" class="ui-outputlabel ui-widget" for="inline_input">Inline:</label></td>
                                                <td><span id="inline"><div id="inline_inline"></div><input id="inline_input" name="inline_input" type="hidden" /></span>
                                                    <script id="inline_s" type="text/javascript">$(function(){PrimeFaces.cw("Calendar", "widget_inline", {id:"inline", widgetVar:"widget_inline", popup:false, locale:"en_US", dateFormat:"m/d/y"}); });</script>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label id="j_idt173" class="ui-outputlabel ui-widget" for="popup_input">Popup:</label></td>
                                                <td><span id="popup"><input id="popup_input" name="popup_input" type="text" class="ui-inputfield ui-widget ui-state-default ui-corner-all" /></span>
                                                    <script id="popup_s" type="text/javascript">$(function(){PrimeFaces.cw("Calendar", "widget_popup", {id:"popup", widgetVar:"widget_popup", popup:true, locale:"en_US", dateFormat:"m/d/y"}); });</script>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label id="j_idt174" class="ui-outputlabel ui-widget" for="multi_input">Multiple:</label></td>
                                                <td><span id="multi"><input id="multi_input" name="multi_input" type="text" class="ui-inputfield ui-widget ui-state-default ui-corner-all" /></span>
                                                    <script id="multi_s" type="text/javascript">$(function(){PrimeFaces.cw("Calendar", "widget_multi", {id:"multi", widgetVar:"widget_multi", popup:true, locale:"en_US", dateFormat:"m/d/y", numberOfMonths:3}); });</script>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label id="j_idt175" class="ui-outputlabel ui-widget" for="effect_input">Effect:</label></td>
                                                <td><span id="effect"><input id="effect_input" name="effect_input" type="text" class="ui-inputfield ui-widget ui-state-default ui-corner-all" /></span>
                                                    <script id="effect_s" type="text/javascript">$(function(){PrimeFaces.cw("Calendar", "widget_effect", {id:"effect", widgetVar:"widget_effect", popup:true, locale:"en_US", dateFormat:"m/d/y", showAnim:"fold", duration:"normal"}); });</script>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label id="j_idt176" class="ui-outputlabel ui-widget" for="datetime_input">Datetime:</label></td>
                                                <td><span id="datetime"><input id="datetime_input" name="datetime_input" type="text" class="ui-inputfield ui-widget ui-state-default ui-corner-all" /></span>
                                                    <script id="datetime_s" type="text/javascript">$(function(){PrimeFaces.cw("Calendar", "widget_datetime", {id:"datetime", widgetVar:"widget_datetime", popup:true, locale:"en_US", dateFormat:"mm/dd/yy HH:mm:ss", timeOnly:false, stepHour:1, stepMinute:1, stepSecond:1, hourMin:0, hourMax:23, minuteMin:0, minuteMax:59, secondMin:0, secondMax:59}); });</script>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label id="j_idt177" class="ui-outputlabel ui-widget" for="time_input">Time:</label></td>
                                                <td><span id="time"><input id="time_input" name="time_input" type="text" class="ui-inputfield ui-widget ui-state-default ui-corner-all" /></span>
                                                    <script id="time_s" type="text/javascript">$(function(){PrimeFaces.cw("Calendar", "widget_time", {id:"time", widgetVar:"widget_time", popup:true, locale:"en_US", dateFormat:"m/d/y HH:mm TT", timeOnly:true, stepHour:1, stepMinute:1, stepSecond:1, hourMin:0, hourMax:23, minuteMin:0, minuteMax:59, secondMin:0, secondMax:59}); });</script>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label id="j_idt178" class="ui-outputlabel ui-widget" for="button_input">Button:</label></td>
                                                <td><span id="button"><input id="button_input" name="button_input" type="text" class="ui-inputfield ui-widget ui-state-default ui-corner-all" /></span>
                                                    <script id="button_s" type="text/javascript">$(function(){PrimeFaces.cw("Calendar", "widget_button", {id:"button", widgetVar:"widget_button", popup:true, locale:"en_US", dateFormat:"m/d/y", showOn:"button"}); });</script>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>


                                </div>
                            </div>
                        </div>
                    </div></div></div>
            <script id="j_idt167_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt167", {id:"j_idt167", widgetVar:"widget_j_idt167"});</script>
            <div id="j_idt180" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt180"><div id="j_idt180_content" class="ui-panel-content ui-widget-content">
                    <div class="ContainerIndent">
                        <div class="ContainerIndent"><span class="FontBold Fs18 hardblue">Buttons</span></div>
                        <div class="ContainerIndent">
                            <form id="j_idt184" name="j_idt184" method="post" action="/sentinel/forms.xhtml" enctype="application/x-www-form-urlencoded">
                                <input type="hidden" name="j_idt184" value="j_idt184" />
                                <table cellpadding="5">
                                    <tbody>
                                        <tr>
                                            <td>SelectBooleanButton:</td>
                                            <td><div id="j_idt184:j_idt187" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="width:60px"><input id="j_idt184:j_idt187_input" name="j_idt184:j_idt187_input" type="checkbox" class="ui-helper-hidden-accessible" /><span class="ui-button-text ui-c">No</span></div>
                                                <script id="j_idt184:j_idt187_s" type="text/javascript">PrimeFaces.cw("SelectBooleanButton", "widget_j_idt184_j_idt187", {id:"j_idt184:j_idt187", widgetVar:"widget_j_idt184_j_idt187", onLabel:"Yes", offLabel:"No"});</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>SelectOneButton:</td>
                                            <td><div id="j_idt184:j_idt189" class="ui-selectonebutton ui-buttonset ui-widget ui-corner-all"><div class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left"><input id="j_idt184:j_idt189:0" name="j_idt184:j_idt189" type="radio" value="Xbox One" class="ui-helper-hidden" /><span class="ui-button-text ui-c">Xbox One</span></div><div class="ui-button ui-widget ui-state-default ui-button-text-only"><input id="j_idt184:j_idt189:1" name="j_idt184:j_idt189" type="radio" value="PS4" class="ui-helper-hidden" /><span class="ui-button-text ui-c">PS4</span></div><div class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right"><input id="j_idt184:j_idt189:2" name="j_idt184:j_idt189" type="radio" value="Wii U" class="ui-helper-hidden" /><span class="ui-button-text ui-c">Wii U</span></div></div>
                                                <script id="j_idt184:j_idt189_s" type="text/javascript">PrimeFaces.cw("SelectOneButton", "widget_j_idt184_j_idt189", {id:"j_idt184:j_idt189", widgetVar:"widget_j_idt184_j_idt189"});</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>SelectManyButton:</td>
                                            <td><div id="j_idt184:j_idt194" class="ui-selectmanybutton ui-buttonset ui-widget ui-corner-all"><div class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left"><input id="j_idt184:j_idt194:0" name="j_idt184:j_idt194" type="checkbox" value="b" class="ui-helper-hidden" /><span class="ui-button-text ui-c">b</span></div><div class="ui-button ui-widget ui-state-default ui-button-text-only"><input id="j_idt184:j_idt194:1" name="j_idt184:j_idt194" type="checkbox" value="u" class="ui-helper-hidden" /><span class="ui-button-text ui-c">u</span></div><div class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right"><input id="j_idt184:j_idt194:2" name="j_idt184:j_idt194" type="checkbox" value="i" class="ui-helper-hidden" /><span class="ui-button-text ui-c">i</span></div></div>
                                                <script id="j_idt184:j_idt194_s" type="text/javascript">PrimeFaces.cw("SelectManyButton", "widget_j_idt184_j_idt194", {id:"j_idt184:j_idt194", widgetVar:"widget_j_idt184_j_idt194"});</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Button</td>
                                            <td><button id="j_idt184:j_idt199" name="j_idt184:j_idt199" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" onclick="window.open('/sentinel/forms.xhtml', '_self')"><span class="ui-button-icon-left ui-icon ui-c fa fa-star Fs16 white"></span><span class="ui-button-text ui-c">Bookmark</span></button>
                                                <script id="j_idt184:j_idt199_s" type="text/javascript">PrimeFaces.cw("Button", "widget_j_idt184_j_idt199", {id:"j_idt184:j_idt199", widgetVar:"widget_j_idt184_j_idt199"});</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>CommandButton:</td>
                                            <td><button id="j_idt184:j_idt201" name="j_idt184:j_idt201" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" onclick="PrimeFaces.ab({s:'j_idt184:j_idt201'}); return false;" type="submit"><span class="ui-button-icon-left ui-icon ui-c fa fa-home Fs16 white"></span><span class="ui-button-text ui-c">With Icon</span></button>
                                                <script id="j_idt184:j_idt201_s" type="text/javascript">PrimeFaces.cw("CommandButton", "widget_j_idt184_j_idt201", {id:"j_idt184:j_idt201", widgetVar:"widget_j_idt184_j_idt201"});</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>CommandButton:</td>
                                            <td><button id="j_idt184:j_idt203" name="j_idt184:j_idt203" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-right" onclick="PrimeFaces.ab({s:'j_idt184:j_idt203'}); return false;" type="submit"><span class="ui-button-icon-right ui-icon ui-c fa fa-eyedropper Fs16 white"></span><span class="ui-button-text ui-c">With Icon (Right Side)</span></button>
                                                <script id="j_idt184:j_idt203_s" type="text/javascript">PrimeFaces.cw("CommandButton", "widget_j_idt184_j_idt203", {id:"j_idt184:j_idt203", widgetVar:"widget_j_idt184_j_idt203"});</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>CommandLink:</td>
                                            <td><a id="j_idt184:j_idt205" href="#" class="ui-commandlink ui-widget" onclick="PrimeFaces.ab({s:'j_idt184:j_idt205'}); return false;">commandLink</a></td>
                                        </tr>
                                        <tr>
                                            <td>Link:</td>
                                            <td><a href="/sentinel/forms.xhtml" class="ui-link ui-widget">Bookmark</a></td>
                                        </tr>
                                        <tr>
                                            <td>SplitButton:</td>
                                            <td><div id="j_idt184:j_idt209" class="ui-splitbutton ui-buttonset ui-widget"><button id="j_idt184:j_idt209_button" name="j_idt184:j_idt209_button" class="ui-button ui-widget ui-state-default ui-corner-left ui-button-text-icon-left" onclick="PrimeFaces.ab({s:'j_idt184:j_idt209'}); return false;" type="submit"><span class="ui-button-icon-left ui-icon ui-c ui-icon-check fa fa-check white Fs14"></span><span class="ui-button-text ui-c">Save</span></button><button id="j_idt184:j_idt209_menuButton" name="j_idt184:j_idt209_menuButton" type="button" class="ui-splitbutton-menubutton  ui-button ui-widget ui-state-default ui-corner-right ui-button-icon-only"><span class="ui-button-icon-left ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-text ui-c">ui-button</span></button><div id="j_idt184:j_idt209_menu" class="ui-menu ui-menu-dynamic ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-shadow" role="menu"><ul class="ui-menu-list ui-helper-reset"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt184:j_idt210', f:'j_idt184'}); return false;"><span class="ui-menuitem-icon ui-icon ui-icon-default"></span><span class="ui-menuitem-text">Update</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt184:j_idt211', f:'j_idt184'}); return false;"><span class="ui-menuitem-icon ui-icon ui-icon-default"></span><span class="ui-menuitem-text">Delete</span></a></li><li class="ui-separator ui-state-default"></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-icon ui-icon ui-icon-default"></span><span class="ui-menuitem-text">Homepage</span></a></li></ul></div></div>
                                                <script id="j_idt184:j_idt209_s" type="text/javascript">$(function(){PrimeFaces.cw("SplitButton", "widget_j_idt184_j_idt209", {id:"j_idt184:j_idt209", widgetVar:"widget_j_idt184_j_idt209"}); });</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Color Buttons</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>Red Button</td>
                                            <td><button id="j_idt184:j_idt217" name="j_idt184:j_idt217" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only RedButton" onclick="window.open('/sentinel/forms.xhtml', '_self')"><span class="ui-button-text ui-c">Red Button</span></button>
                                                <script id="j_idt184:j_idt217_s" type="text/javascript">PrimeFaces.cw("Button", "widget_j_idt184_j_idt217", {id:"j_idt184:j_idt217", widgetVar:"widget_j_idt184_j_idt217"});</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Green Button</td>
                                            <td><button id="j_idt184:j_idt219" name="j_idt184:j_idt219" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only GreenButton" onclick="window.open('/sentinel/forms.xhtml', '_self')"><span class="ui-button-text ui-c">Green Button</span></button>
                                                <script id="j_idt184:j_idt219_s" type="text/javascript">PrimeFaces.cw("Button", "widget_j_idt184_j_idt219", {id:"j_idt184:j_idt219", widgetVar:"widget_j_idt184_j_idt219"});</script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Orange Button</td>
                                            <td><button id="j_idt184:j_idt221" name="j_idt184:j_idt221" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only OrangeButton" onclick="window.open('/sentinel/forms.xhtml', '_self')"><span class="ui-button-text ui-c">Orange Button</span></button>
                                                <script id="j_idt184:j_idt221_s" type="text/javascript">PrimeFaces.cw("Button", "widget_j_idt184_j_idt221", {id:"j_idt184:j_idt221", widgetVar:"widget_j_idt184_j_idt221"});</script>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0" value="3563583299514370162:6145498541665225827" autocomplete="off" />
                            </form>
                        </div>
                    </div></div></div>
            <script id="j_idt180_s" type="text/javascript">PrimeFaces.cw("Panel", "widget_j_idt180", {id:"j_idt180", widgetVar:"widget_j_idt180"});</script>
        </div>
    </ui:define>
</ui:composition>